<template>
  <div id="index">
    <div class="left">
      <el-menu router class="menu"
      >
        <el-menu-item index="/home">首页</el-menu-item>
        <el-menu-item index="/about">关于</el-menu-item>
      </el-menu>
    </div>
    <div class="right">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name:"Index",
  data(){
    return{

    }
  },
  mounted() {

  }
}
</script>

<style scoped>
#index{
  width: 100%;
  height: 100vh;
  display: flex;
  .left{
    width: 200px;
    height: 100%;
    .menu{
      height: 100%;
    }
  }
  .right{
    width: calc(100% - 200px);
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
}
</style>
